<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>22001010205白博文-登录页面</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/denglu.css">
</head>
<body>
    <header class="bai_header">
        <a href="./index.html"><span class="iconfont icon-youjiantou1" style="color: #333;"></span></a>
        <span class="bai_header_">登录拼多多</span>
        <span></span>
    </header>
    <h3 class="bai_title">
        账号/手机号/微信登录
    </h3>
    <div class="bai_form">
        <div class="bai_form_item">
            <input class="bai_form_item_input" type="text" placeholder="请输入账号" id="bai_account">
        </div>
        <div class="bai_form_item">
            <input  class="bai_form_item_input"type="password" placeholder="请输入密码" id="bai_password">
        </div>
    </div>
    
    <div class="bai_button" id="bai_submit">
        登录
    </div>
    <div class="bai_info">
        平台用户信息泄露风险中国人寿保险财经承担
    </div>
    <script>
            const account =  document.querySelector("#bai_account");
            const password =  document.querySelector("#bai_password");
            const sumbit = document.querySelector("#bai_submit");

            sumbit.onclick = () => {
                if(!account.value || !password.value){
                    alert('请输入账号密码');
                    return;
                }
                alert('登录成功');
                location.href= './index.html';
            }

    </script>
</body>
</html>